/**
 * JSR2+控件演示数据。
 */
var catalog = [{
	caption: "常用表单控件",
	module: [{
		text:"UI.TextField",
		url:"ui_TextField.html",
		icon:"textField.gif",
		desc:"以&lt;input&gt;文本框为原形，封装了相关的常用方法、事件回调和值校验方法。"
	},{
		text:"UI.TextArea",
		url:"ui_TextArea.html",
		icon:"textArea.gif",
		desc:"以&lt;textarea&gt;文本域为原形，封装了相关的常用方法和事件回调方法。"
	},{
		text:"UI.CheckBox",
		url:"ui_CheckBox.html",
		icon:"checkBox.gif",
		desc:"以&lt;input&gt;多选框为原形，以DIV结构重新构建了多选框控件。"
	},{
		text:"UI.ComboBox",
		url:"ui_ComboBox.html",
		icon:"comboBox.gif",
		desc:"以&lt;select&gt;标签为原形，以DIV结构重新构建了下拉列表框控件，具有可编辑和值校验功能。"
	}]
},{
	caption: "扩展表单控件",
	module: [{
		text:"UI.RadioGroup",
		url:"ui_RadioGroup.html",
		icon:"radioGroup.gif",
		desc:"以JSR2+的单选框控件为成员单位, 封装了常用的必要方法, 简化了多条件单选操作的麻烦。"
	},{
		text:"UI.CheckBoxGroup",
		url:"ui_CheckBoxGroup.html",
		icon:"checkBoxGroup.gif",
		desc:"以JSR2+的多选框控件为成员单位, 封装了常用的必要方法, 简化了以往对多个checkBox操作的麻烦。"
	},{
		text:"UI.ListView",
		url:"ui_ListView.html",
		icon:"listView.gif",
		desc:"以&lt;select&gt;标签为原形，以DIV结构重新构建了列表框控件，封装了必要的常用方法。"
	},{
		text:"UI.ComboPane",
		url:"ui_ComboPane.html",
		icon:"comboPanel.gif",
		desc:"下拉面板是用来扩展用户自定义控件的，通过加载特定的面板来实现指定的功能。"
	},{
		text:"UI.DatePicker",
		url:"ui_DatePicker.html",
		icon:"datePicker.gif",
		desc:"以下拉面板为模型, 加入日历面板，轻松的扩展出了日历选择器控件。"
	},{
		text:"UI.SpinnerField",
		url:"ui_SpinnerField.html",
		icon:"spinnerField.gif",
		desc:"以&lt;input&gt;文本框为原形，实现了微调框控件。"
	},{
		text:"UI.SliderBar",
		url:"ui_SliderBar.html",
		icon:"sliderBar.gif",
		desc:"以DIV结构构建了滑动条控件, 封装了常用的必要方法与事件回调。"
	}]
},{
	caption: "布局面板类控件",
	module: [{
		text:"UI.Panel",
		url:"ui_Panel.html",
		icon:"panel.gif",
		desc:"面板控件主要应用于页面总局，使HTML代码具有模块化的概念。"
	},{
		text:"UI.GroupBox",
		url:"ui_GroupBox.html",
		icon:"groupBox.gif",
		desc:"组框控件主要应用于表单内数据控件的分组，使用户界面更加清晰。"
	},{
		text:"UI.SliderPane",
		url:"ui_SliderPane.html",
		icon:"sliderPanel.gif",
		desc:"滑动面板控件是仿照QQ菜单的样式与功能实现的，多用于系统菜单等..."
	},{
		text:"UI.TabPane",
		url:"ui_TabPane.html",
		icon:"tabPanel.gif",
		desc:"选项卡控件支持选项成员的动态添加与删除操作，对选项卡的个数没有限止。"
	},{
		text:"UI.LayoutPanel",
		url:"none.html",
		icon:"none.gif",
		desc:"布局面板主要应用于页面或内建窗口的整体布局。"
	},{
		text:"UI.Calendar",
		url:"ui_Calendar.html",
		icon:"calendar.gif",
		desc:"日历面板可直接置入表单内做为值控件应用。"
	}]
},{
	caption: "树、工具栏、菜单类控件",
	module: [
		{
		text:"UI.TreeView",
		url:"none.html",
		icon:"none.gif",
		desc:"树控件主要分为基本树、高级树、三态树，目前尚为提供DEMO。"
	},{
		text:"UI.ToolBar",
		url:"ui_ToolBar.html",
		icon:"toolBar.gif",
		desc:"实现了工具栏的基本功能，未实现弹出式菜单项。"
	},{
		text:"UI.ContextMenu",
		url:"none.html",
		icon:"none.gif",
		desc:"目前尚为提供DEMO。"
	}]
},{
	caption: "内建窗口、对话框控件",
	module: [{
		text:"UI.Window",
		url:"ui_Window.html",
		icon:"window.gif",
		desc:"尽可能的实现了常规窗口控件的所有功能，具有良好有WEB前台表现。"
	},{
		text:"UI.Dialog",
		url:"ui_Dialog.html",
		icon:"dialog.gif",
		desc:"以内建窗口为原型，实现了模态对话框控件。"
	},{
		text:"MessageBox",
		url:"ui_MessageBox.html",
		icon:"messageBox.gif",
		desc:"美化封装了alert与comfirm确认信息提示框。"
	},{
		text:"UI.PopupWin",
		url:"ui_PopupWin.html",
		icon:"popupWin.gif",
		desc:"在浏览器的右下角弹出相关的提示信息的窗口。"
	},{
		text:"UI.Waiting",
		url:"ui_Waiting.html",
		icon:"waiting.gif",
		desc:"在进行数据交互时，提供一个友好的等待窗口。"
	}]
},{
	caption: "数据表控件",
	module: [{
		text:"UI.Grid",
		url:"ui_Grid.html",
		icon:"grid.gif",
		desc:"这个组件主要实现了对普通表格的渲染，可以对数据进行单深度的分组显示。"
	},{
		text:"高级表格控件1",
		url:"none.html",
		icon:"none.gif",
		desc:"目前尚为提供DEMO。"
	},{
		text:"高级表格控件2",
		url:"none.html",
		icon:"none.gif",
		desc:"目前尚为提供DEMO。"
	}]
},{
	caption: "其它的扩展控件",
	module: [{
		text:"UI.Button",
		url:"ui_Button.html",
		icon:"button.gif",
		desc:"以&lt;button&gt;标签为原型，美化封装了普通按钮控件。"
	},{
		text:"UI.FileInput",
		url:"ui_FileInput.html",
		icon:"fileInput.gif",
		desc:"以&lt;input&gt;文件域为原型，美化封装了单文件上传控件。"
	},{
		text:"UI.StatusBar",
		url:"ui_StatusBar.html",
		icon:"statusBar.gif",
		desc:"简单的实现了类似MS窗口下方的状态条控件。"
	},{
		text:"UI.ProgressBar",
		url:"ui_ProgressBar.html",
		icon:"progressBar.gif",
		desc:"进度条控件，控件本身可模拟进度百分比，可以由开发者自己控制。"
	},{
		text:"UI.Upload",
		url:"ui_Upload.html",
		icon:"upload.gif",
		desc:"美化封装了多文件上传域，支持文件的数据限止与重名检查。"
	}]
}];
//初始化Demo面板
~function() {
	var moduleItemTpl = "<div class=mItemWrap title=$[text]><div class=mItem><a href='/web/jsr2/api/example/$[url]' target='_blank'><img src='/image/jsr2/sample/$[icon]' border=0/></a><div class=mItemText>$[text]</div><div class=mItemDesc>$[desc]</div><div style='clear:both;'></div></div></div><div class=mItemSplit></div>",
	moduleCaption = "<div align=left class=moduleCaption>MC</div>",
	htmlCode = ["<ul>"];
	for(var i = -1, len0 = catalog.length; ++i < len0;) {
		htmlCode.push("<li>");
		htmlCode.push(moduleCaption.replace(/MC/g, catalog[i].caption));
		htmlCode.push("<div align=left class=modulesWrap>");
		for(var j = -1, len1 = catalog[i].module.length; ++j < len1;)
			htmlCode.push(moduleItemTpl.replace(/\$\[([^\]]+)\]/g, function(){
				return catalog[i].module[j][arguments[1]];
			}));
		htmlCode.push("<div style='clear:both;'></div></div></li>");
	}//Endfor
	htmlCode.push("<div style='clear:both;'></div></ul>"),
	$("#slider").html(htmlCode.join("")),
	$(".mItemWrap").mouseover(function() {
		this.className = "mItemWrap mItemBg";
	}).mouseout(function(){
		this.className = "mItemWrap";
	}),
	$(document).ready(function(){
		$("#slider").easySlider({
			auto: true,
			pause: 5000,
			speed: 500,
			continuous: true,
			numeric: true,
			numericId: 'controls'
		}),
		$("#controls").appendTo($("#demosMenu")).children().mouseover(function() {
			this.className += " mItemOver";
		}).mouseout(function(){
			this.className = this.className.replace("mItemOver", "");
		});
	});
	try{ document.execCommand("BackgroundImageCache", false, true); }catch(e){}
}();